<script setup>
//导入钩子函数
import {onMounted,onBeforeMount,ref} from "vue";

const count = ref(0)
//注册钩子函数,回调函数：把函数作为参数传递给函数
onMounted( ()=>{
  console.log('执行onMounted。。。')
})
//非常重要，可以织入动画，获取远程数据
onBeforeMount(()=>{
  console.log('执行onBeforeMount....')
  console.log('加载动画...')
  console.log('异步获取远程数据....')
  //模拟获取远程数据:Axios
  count.value = 120
})

</script>

<template>
    <div>获取到的数据:{{count}}</div>
</template>

<style scoped>

</style>